/* Figma Styles of your File */
:root {
  /* Colors */
  --bg: radial-gradient(closest-side,
      rgba(237, 237, 237, 1) 0%,
      rgba(255, 255, 255, 1) 100%),
    radial-gradient(closest-side,
      rgba(2, 68, 135, 1) 0%,
      rgba(17, 25, 40, 1) 100%);

  /* Fonts */
  --poppins-h1-bold-font-family: Poppins-Bold, sans-serif;
  --poppins-h1-bold-font-size: 60px;
  --poppins-h1-bold-line-height: 72px;
  --poppins-h1-bold-font-weight: 700;
  --poppins-h1-bold-font-style: normal;
  --poppins-h2-bold-font-family: Poppins-Bold, sans-serif;
  --poppins-h2-bold-font-size: 48px;
  --poppins-h2-bold-line-height: 58px;
  --poppins-h2-bold-font-weight: 700;
  --poppins-h2-bold-font-style: normal;
  --poppins-h3-bold-font-family: Poppins-Bold, sans-serif;
  --poppins-h3-bold-font-size: 40px;
  --poppins-h3-bold-line-height: 48px;
  --poppins-h3-bold-font-weight: 700;
  --poppins-h3-bold-font-style: normal;
  --poppins-h4-bold-font-family: Poppins-Bold, sans-serif;
  --poppins-h4-bold-font-size: 30px;
  --poppins-h4-bold-line-height: 38px;
  --poppins-h4-bold-font-weight: 700;
  --poppins-h4-bold-font-style: normal;
  --poppins-h5-bold-font-family: Poppins-SemiBold, sans-serif;
  --poppins-h5-bold-font-size: 28px;
  --poppins-h5-bold-line-height: 40px;
  --poppins-h5-bold-font-weight: 600;
  --poppins-h5-bold-font-style: normal;
  --poppins-h6-bold-font-family: Poppins-SemiBold, sans-serif;
  --poppins-h6-bold-font-size: 24px;
  --poppins-h6-bold-line-height: 30px;
  --poppins-h6-bold-font-weight: 600;
  --poppins-h6-bold-font-style: normal;
  --body-large-text-body-large-regular-font-family: Poppins-Regular, sans-serif;
  --body-large-text-body-large-regular-font-size: 18px;
  --body-large-text-body-large-regular-line-height: 26px;
  --body-large-text-body-large-regular-font-weight: 400;
  --body-large-text-body-large-regular-font-style: normal;
  --body-large-text-body-large-medium-font-family: Poppins-Medium, sans-serif;
  --body-large-text-body-large-medium-font-size: 18px;
  --body-large-text-body-large-medium-line-height: 38px;
  --body-large-text-body-large-medium-font-weight: 500;
  --body-large-text-body-large-medium-font-style: normal;
  --body-large-text-body-large-semibold-font-family: Poppins-SemiBold,
    sans-serif;
  --body-large-text-body-large-semibold-font-size: 18px;
  --body-large-text-body-large-semibold-line-height: 26px;
  --body-large-text-body-large-semibold-font-weight: 600;
  --body-large-text-body-large-semibold-font-style: normal;
  --body-large-text-body-large-bold-font-family: Poppins-Bold, sans-serif;
  --body-large-text-body-large-bold-font-size: 18px;
  --body-large-text-body-large-bold-line-height: 26px;
  --body-large-text-body-large-bold-font-weight: 700;
  --body-large-text-body-large-bold-font-style: normal;
  --body-medium-text-body-medium-regular-font-family: Poppins-Regular,
    sans-serif;
  --body-medium-text-body-medium-regular-font-size: 16px;
  --body-medium-text-body-medium-regular-line-height: 24px;
  --body-medium-text-body-medium-regular-font-weight: 400;
  --body-medium-text-body-medium-regular-font-style: normal;
  --body-medium-text-body-medium-medium-font-family: Poppins-Medium, sans-serif;
  --body-medium-text-body-medium-medium-font-size: 16px;
  --body-medium-text-body-medium-medium-line-height: 24px;
  --body-medium-text-body-medium-medium-font-weight: 500;
  --body-medium-text-body-medium-medium-font-style: normal;
  --body-medium-text-body-medium-semibold-font-family: Poppins-SemiBold,
    sans-serif;
  --body-medium-text-body-medium-semibold-font-size: 16px;
  --body-medium-text-body-medium-semibold-line-height: 24px;
  --body-medium-text-body-medium-semibold-font-weight: 600;
  --body-medium-text-body-medium-semibold-font-style: normal;
  --body-medium-text-body-medium-bold-font-family: Poppins-Bold, sans-serif;
  --body-medium-text-body-medium-bold-font-size: 16px;
  --body-medium-text-body-medium-bold-line-height: 24px;
  --body-medium-text-body-medium-bold-font-weight: 700;
  --body-medium-text-body-medium-bold-font-style: normal;
  --body-small-text-body-small-regular-font-family: Poppins-Regular, sans-serif;
  --body-small-text-body-small-regular-font-size: 14px;
  --body-small-text-body-small-regular-line-height: 22px;
  --body-small-text-body-small-regular-font-weight: 400;
  --body-small-text-body-small-regular-font-style: normal;
  --body-small-text-body-small-medium-font-family: Poppins-Medium, sans-serif;
  --body-small-text-body-small-medium-font-size: 14px;
  --body-small-text-body-small-medium-line-height: 22px;
  --body-small-text-body-small-medium-font-weight: 500;
  --body-small-text-body-small-medium-font-style: normal;
  --body-extra-small-text-body-extra-small-regular-font-family: Poppins-Regular,
    sans-serif;
  --body-extra-small-text-body-extra-small-regular-font-size: 12px;
  --body-extra-small-text-body-extra-small-regular-line-height: 20px;
  --body-extra-small-text-body-extra-small-regular-font-weight: 400;
  --body-extra-small-text-body-extra-small-regular-font-style: normal;
  --body-extra-small-text-body-extra-small-medium-font-family: Poppins-Medium,
    sans-serif;
  --body-extra-small-text-body-extra-small-medium-font-size: 12px;
  --body-extra-small-text-body-extra-small-medium-line-height: 20px;
  --body-extra-small-text-body-extra-small-medium-font-weight: 500;
  --body-extra-small-text-body-extra-small-medium-font-style: normal;

  /* Effects */
}

/* Figma Color Variables of your File */
:root,
[data-variable-collection-mode="mode-1"] {
  /* mode-1 */
  --gray-gray-1: #f9fafb;
  --gray-grey-2: #f3f4f6;
  --gray-grey-3: #e5e7eb;
  --gray-grey-4: #dee2e6;
  --gray-grey-5: #ced4da;
  --gray-grey-6: #ced4da;
  --gray-grey-7: #ced4da;
  --white: #ffffff;
  --dark-dark-1: #111928;
  --dark-dark-2: #1f2a37;
  --dark-dark-3: #374151;
  --dark-dark-4: #4b5563;
  --dark-dark-5: #6b7280;
  --dark-dark-6: #9ca3af;
  --dark-dark-7: #d1d5db;
  --dark-dark-8: #e5e7eb;
  --primary-blue: #1a4174;
  --secondary-red: #e9292f;
  --tertiary-grey: #e0e0e0;
  --bg-blue: #f4f7fd;
  --subhkart-yellow: #f8a21f;
}